<template>
  <div class="err-container">
    <el-row>
      <el-col :span="12">
        <h1 class="text-jumbo">
          联系管理员
        </h1>
        <h2>你没有权限访问该页面</h2>
        <h6>若有不满请联系your leader</h6>
      </el-col>
      <el-col :span="12">
        <img
          :src="img"
          width="313"
          height="428"
        >
      </el-col>
    </el-row>
  </div>   
</template>

<script lang="ts">
import imgs from "/@/assets/401.gif"
import { ref } from "vue"
export default defineComponent({
  name:"401",
  setup() {
    const img = ref(`${imgs}?${new Date()}`)
    return {
      img
    }
  }
})

</script>

<style lang="less" scoped>
.err-container {
  width: 800px;
  max-width: 100%;
  margin: 100px auto;

  .text-jumbo {
    font-size: 60px;
    font-weight: 700;
    color: #484848;
  }
}
</style>